.box{
   width: 1200px;
    height:34px;
    background: #f5f5f5;
    color: #666689;
    font-size: 12px;
    overflow: hidden;
    margin: 0 auto;
    padding:0 74px;
    .box1{
        width: 100%;
        .box2 ,.box3,.box4 {
            height: 34px;
            float: left;
            margin-right: 34px;
            line-height: 34px;
        }
        .biao{
            width: 16px;
            height: 16px;
            margin-top: 10px;
            float: left;
            border-radius: 5px;
            background:#fe7e33 ;
            margin-left: 5px;
            p{ 
            font-size: 12px;
            text-align: center;
            line-height: 16px;
            color: #fff;}
        }
        .box3{
            margin-right: 194px;
        }
        .box2 a,.box3 a,.box4 a{
            float: left; 
        }
      .biao :nth-child(3){
          background:rgba( #f5f5f5, 1);
      }
         li:nth-child(9){
            color: #cccccc;
         }
        .box2 a:hover,.box3 a:hover,.box4 a:hover{
            color:red;
        }   
    } 
}
.box5{
    width: 1200px;
    height: 82px;
    background: yellow;
    text-align: center;
    margin: 0 auto;
    padding:0 74px;
    .l01{
        width: 132px;
        height: 46px;
        margin-top: 20px;
        float: left;
    }
        .box6,.box8{
            float: left;
            margin-right: 34px;
            line-height: 82px;
            font-size: 12px;
        }
        .l02{
            float: right;
            width: 32px;
            height: 18px;
            margin-left: -32px;
            margin-top: 10px;    
        }
        .box8{
            margin-left: 24px;
            margin-right: 60px;
        }
        .box8 a:hover{
            color: red;
        }
        .box6 a:hover{
            color: red;
            border-bottom:2px solid red ;
            padding-bottom: 18px;
        }
        .kuang{
            width: 220px;
            height: 40px;
            margin-top: 20px;
            border: none;
            text-align: left;
            background: #f5f5f5;
            margin-right: 34px;   
        }
    }
    .tutu{
        width: 1200px;
        height:460px;
        margin: 0 auto;
        padding:0 74px;
        background: blueviolet;
    .banner{
        float: left;
        width: 1200px;
        height:460px ;
        background: url(images/banner1.jpg) no-repeat center;
    .wenben{
        width: 212px;
        height: 460px;
       background:rgba(51,50,51,0.8);
        float: left;  
    .lie{
        float: left;
      width: 212px;
      height: 51px;
    text-align: center;
    line-height: 51px;
   
    .lie :nth-child(1){
        margin-top: 16px;
    }
    span{
        margin-left: 32px;
    }
        a{
            color: seashell;
            font-size: 16px;    
        }
        span.xj{
            font-size: 16px;
            color:#c2bfc1;
        }
         a:hover{
            display: block;
            width: 212px;
            height: 51px;
            background: rgba(252, 250, 252, 0.1);    
        }  
    }
    }
    .xiaxia{
        width: 58px;
        height: 192px;
        float: right;
        margin-top:96px ;
        background:#323232 ;
        
        .dian{
            width: 58px;
            height: 76px;
            border-bottom: 1px solid #f5f5f5;
            color: #f5f5f5;
            font-size: 14px;
            text-align: center;
        }
        .ren{
            width: 56px;
            height: 56px;
            border-bottom: 1px solid #f5f5f5;
        }
    }
    .xiala{
        float: left;
        margin-left: 25%;
        margin-top: 420px;
       
        .yuan{
            float:left;
            width: 12px;
            height: 12px;
            margin-right: 16px;
            border-radius: 50%;
            background:#c2bfc1 ;
        }
        .yuan:hover{
            background:seashell ;
        }
    }

    }
}
.ben{
    width: 1200px;
    height: 182px;
    margin: 0 auto;
    img{
    width: 40px;
    height: 40px;
     }
    .box7{
        float: left;
        height: 182px;
        padding-right: 87px;
        margin-left:74px;
        color: black;
        text-align: center;
        .l03{
          margin: auto;
          line-height: 182px;
          margin-top: 50px;
          margin-bottom: 16px;
        
        }
        a:hover{
            color: red;
     
        }
    }
}
.tu{
   width: 1200px;
    height: 426px;
    overflow: hidden;
    margin:0  auto;
    background: chocolate;
    .box9{
        float: left;
        display: block;
        width: 600px;
        height: 298px;
        margin-right: 12px;
        background: url(images/bg-a.png) no-repeat ;
        .ti{
            display: block;
            font-size: 30px;
            color: aliceblue;
            margin-top: 40px;
            margin-left: 42px;
        }
        #lala{
            float: left;
            width: 166px;
            height: 66px;
            margin-top: 40px;
            text-align: center;
           
           &:nth-child(2){

                margin-left: 40px;
                margin-right: 14px;
            }
            &:nth-child(3){
                margin-right: 14px;
            }
        }
    .jian {
        width: 160px;
        height: 50px;
        border-radius: 30px;
        float: left;
        background: aliceblue;
        margin-top: 30px;
        margin-left: 220px;
        a{
            display: block;
            text-align: center;
            line-height: 50px;
 
        }
        a:hover{
            color: red;
        }   
    }
}
    .box10{
        float: left;
        display: block;
        width: 240px;
        height: 298px;
        background: url(images/bg-b.png) no-repeat;
        text-align: center;
        color: #ffffff;
        margin-right: 16px;
        .t2{
            font-size: 30px;
           margin-bottom: 20px;
            display: block;
            margin-top: 68px;
        }
        .t3{
            font-size: 20px;
            span{
                color: yellow;
            }
        }
        .lan {
            width: 160px;
            height: 50px;
            border-radius: 30px;
            float: left;
            background: aliceblue;
            margin-top: 64px;
            margin-left: 40px;
            a{
                display: block;
                text-align: center;
                line-height: 50px;
     
            }
            a:hover{
                color: red;
            }
    }
}
.box11{
    float: left;
    width: 332px;
    height: 298px;
    background: #f5f5f5;

    .t4{ 
        display: block;
        font-size: 24px;
        color: black;
        margin-top: 40px;
        margin-left: 44px;
    }
    .xie{
        float: left;
        margin-left: 44px;
        margin-top: 40px;
        .l04{
            width: 30px;
            height: 30px;
            margin: auto;
        }
        a:hover{
            color: red;

        }
    }
}  
 }
.dizhi{
    width: 766px;
    height: 40px;
    background: cyan;
    float: left;
    margin-top: 30px;
    padding: 0 74px;
    .cheng{
    float: left;
    height: 20px;
    line-height: 40px;
    margin-right: 24px;
    }
}
.tan{
    width: 1200px;
    height: 730px;
    margin: auto;
    .ti{
        line-height:140px;
        text-align: center;
        height: 140px;
        background: violet;
        font-size: 32px;    
    }
    .jiehun{
        float: left;
        height: 680px;
        background: wheat;
    }
    .k1,.k2,.k3,.k4,.k5,.k6{
        float: left;
        margin-bottom: 50px;
    }
       .k1 img,.k2 img,.k3 img{
           float: left;
            width: 388px;
            height: 222px;
            margin-bottom: 30px;
        }
        .k1,.k2{
            padding-right: 18px;
        }
        .k4 img,.k5 img{
            margin-right: 16px;
        }
     
        .k4 img,.k5 img,.k6 img{
            width: 288px;
            height: 200px;
        }
        p{ 
            width: 254px;
            height: 100px;
            background: brown;
            margin-bottom: 20px;
        }
}
.tanxing{
    width: 1200px;
    margin:0 auto;
.liko{
    float: left;
    width: 1200px;
    height: 198px;
    background: coral;
    margin:0 auto;
    .nihao{
       font-size: 32px;
       text-align: center;
       margin-top: 116px;
    } 
}
}
.meng{ 
    width: 1200px;
    height: 400px;
    margin:0 auto;
    padding:0 74px;
    .lis img{
        float: left;
        width:238px;
        height: 400px;
    }
    .lis01 img{
        float: left;
        width: 238px;
        height: 182px;
        margin: 2px;   
    }
    .lis02 img{
        float: right;
        margin-top: -186px;
        display: block;
        width:238px;
        height: 400px;
        margin-right: -2px;
    }
}
.zhong{
    width: 1200px;
    height: 148px;
    background: hotpink;
    padding-top: 64px;
    margin: auto;
    display: flex;
}
.hong{
    width: 160px;
    height: 48px;
    background: red;
    border-radius: 30px;
    margin: auto;
    text-align: center;
    line-height: 48px;
    color: white;
}
.cehua{
    width: 1200px;
    height: 90px;
    background: darkgoldenrod;
    padding-top: 60px;
    margin: auto;
    text-align: center;
    line-height: 48px;
    font-size: 36px;
}
.hunli{
    width: 100%;
    float: left;
    height:600px ;
    background: darkkhaki;
    margin: auto;
    overflow: hidden;
    .l1 img{
        float: left;
        width: 420px;
        height: 275px;
        margin-top: 125px;
    }
    .l2 img{
        float: left;
        width: 642px;
        height: 400px;
        margin:0 18px;
    }
    .l3{
        display: flex;
        width: 640px;
        height: 144px;
        margin: auto;
        background: ivory;
       
    }
    .l5{
        height: 30px;
        font-size: 14px;
    }
    .l4{
        width: 68px;
        height: 68px;
        border-radius: 50%;
        background: red;
        margin-top: 110px;
        margin-right: 300px;
        color: ivory;
        line-height: 68px;
    }
}   
.xiala{ 
    width: 100%;
    margin: 0;
    height: 15px;
    margin-left: 44% ;
    margin-top: 40px;
   
    .yuan{
        float:left;
        width: 12px;
        height: 12px;
        margin-right: 16px;
        border-radius: 50%;
        background:#c2bfc1 ;
    }
    .yuan:hover{
        background:seashell ;
    }
}
.zhong{
    width: 1200px;
    height: 118px;
    background: hotpink;
    padding-top: 14px;
    margin: auto;
    display: flex;
}
.hong{
    width: 160px;
    height: 48px;
    background: red;
    border-radius: 30px;
    margin: auto;
    text-align: center;
    line-height: 48px;
    color: white;
}
.al{
    width: 1200px;
    display: block;
    margin: auto;
    height: 100px;
    background: hotpink;
    text-align: center;
    color: lavender;  
}
.beijing{
    width:1200px ;
    height: 314px;
    background: url(images/icon-bg.png) no-repeat center;
    margin: auto;
    .bei{
        display: block;
        text-align: center;
        font-size: 32px;
        margin: auto;
    }
    .xen{
        width: 1200px;
        height: 254px;
        background: lemonchiffon;
        margin: auto;
        margin-top: 50px;
        img{
        width: 40px;
        height: 40px;
         }
        .box7{
            float: left;
            height: 62px;
            color: black;
            text-align: center;
            margin-right: 84px;
            .l08{
              margin: auto;
              line-height: 82px;
              margin-top: 50px;
              margin-bottom: 16px;
            
            }
            a:hover{
                color: red;
         
            }
        }
    }
}
.jiuyan{
    width:1200px ;
    height: 160px;
    background: floralwhite;
    margin: auto;
    .diandian{
        display: block;
        text-align: center;
        font-size: 32px;
        margin: auto;
        line-height: 160px;
    }
}
.lietu{
    width: 1200px;
    height: 260px;
    background: lavender;
    margin: auto;
    .box6{
        float: left;
        margin-right: 10px;
    }
}
.chu{
    width: 1200px;
    height: 80px;
    margin-left: 160px;
    background: fuchsia;
    position: relative; 
    top: -80px;
    float: left;
}
.shi li{
    float: left;
    padding-top:20px;
    margin-right: 15px;
}
.jiehun{
    width: 1200px;
    height: 400px;
    background: aquamarine;
    margin: auto;
    .h5{
        width: 1200px;
        height: 80px;
        font-size: 30px;
        line-height: 80px;
        margin-left: 540px;
        margin-top: -80px;
        float: left;
    }
    .xiabiao li{
        float: left;
        margin: 0 auto;
        padding:0 10px;
    }
    li:nth-child(1){
        margin-left: 300px;  
    }
}
.fu{
    width: 1200px;
    height: 300px;
    ul{
   width: 1200px;
   height: 300px;
   display: flex;
   justify-content: space-around;
    padding-top: 20px;
  
 li:nth-child(1){
     margin-left:  5px;
     
 }
         img{
             width: 225px;
             height: 225px;
        }
}
}
.baise{
    .ziti{
        width:1200px;
        display: flex;
    li{
        width: 200px;
        height: 80px;
        background: lavender;
        margin-left:55px;
        margin-right:30px;
        font-size: 18px;
        justify-content: space-around;
        p{
            font-size: 12px;
            margin-top: 15px;
        }
    }
    li:nth-child(2){
        margin-left: 70px;
    }
    li:nth-child(3){
        margin-left: 67px;
    }
    li:nth-child(4){
        margin-left: 69px;
    }

    }
}
    .biaozhi{
            width: 100px;
            height: 50px;
            background: red;
            border-radius: 30px;
            margin: auto;
            margin-top: 20px;
            margin-bottom: 20px;
         .pp{
             width: 100px;
             height: 50px;
             line-height: 50px;
             text-align: center;
             margin-left: 10px;
             color: seashell;
             
         }   
            
    }
    .guorong{
    width: 1200px;
    height: 800px;
    background:url(images/c-2bg.png);
    margin: auto;
    background-size:100%;
    .wenzi{
        width: 1200px;
        height: 60px;
        font-size: 22px;
        color: seashell;
        text-align: center;
        line-height: 60px;
        margin-left: 560px;
    }
    .hunsha{
        width: 1200px;
        img{
            width: 580px;
            height: 400px;
            margin-left: 20px;
        }
    }
    .heise{
        width: 600px;
        height: 300px;
        background: black;
        display: flex;
        margin-left: 600px;
        margin-top:-360px;
        padding-top: 30px;
        .zhao{
            width: 100px;
            height: 100px;
            color: blanchedalmond;
            .one01{
                width: 280px;
                font-size: 20px;
                text-align: center;
                margin: 30px 0;
            }
            .one02{
                width: 400px;
                font-size: 14px;
            }
            .one03{
                width: 50px;
                height: 50px;
                background: red;
                border-radius: 50%;
                margin-top: 100px;
                margin-left: 20px;
            }
        
        img{
            width: 300px;
            height: 300px;
            margin-top: -300px;
            margin-left: 600px;
            
        }
    }
    }
    .one04{
        .one05{
            display: flex;
        
          li{
                display: inline-block;
                width:300px ;
                height: 320px;
                background: darkgray;
                text-align: center;
                line-height: 300px;
                font-size: 20px;
                img{
                    width: 300px;
                    height: 320px;
                }
            }
        }

    }
}
.two01{
    width: 1200px;
    height: 320px;
    background: violet;
    margin-top: 10px;

    .two02{
        width: 600px;
        height: 320px;
        background: black;
        color: cornsilk;
        padding-top: 20px ;
        .two03{
            font-size: 14px;
            margin:20px;
        p{
            width: 600px;
            height: 60px;
            font-size: 20px;
            padding: 10px 30px;
        }
    }
    .two04{
        width: 50px;
        height: 50px;
        background: red;
        border-radius: 50%;
        margin-left: 20px;
        margin-top: 50px;
    }
  
}
.two06{
    width: 600px;
    height: 30px;
    background: aqua;
    .two07{
        display: flex;
       .two07 li{
           width: 20px;
        }
    }
}
    .two05{
        width: 600px;
        height: 350px;
        img{
            width: 600px;
            height: 370px;
            margin-left: 600px;
            margin-top: -370px;
        }
    }
}
    .cla{
        width:1200px;
        height:80px;
        margin: auto;
        margin-top: 330px;
        padding-top: 20px;
        
    
    .aad{
            width: 100px;
            height: 50px;
            background: red;
            border-radius: 30px;
            margin: auto;
            color: seashell;
            line-height: 50px;
            text-align: center;

            

        }
    }
    .diyi{
        width: 1200px;
        height: 80px;
        margin: auto;
        .ppp{
            width: 80px;
            height: 60px;
            font-size: 20px;
            margin: auto;
        }
    }
    .dada{
        width: 1206px;
        height: 400px;
        background: khaki;
        display: flex;
        margin: auto;
    .wenben{
        width: 400px;
        height: 400px;
        background: silver;
        border: 1px solid red;
 .zhuyao{
     width: 400px;
     height: 20px;
     font-size: 22px;
     margin-left: 150px;
 }
   .timu{
            width: 400px;
            height: 100px;
            display: flex;
            line-height: 100px;
            font-size: 20px;
            margin: 20px 0;
          .timu  li{
             width: 400px;
             height: 20px;
            }
        }
        .muti{
            background: sandybrown;
            width: 400px;
            height: 230px;
            .muti li{
                width: 400px;
                height: 20px;
                padding-top: 20px;
            }
        }

    }
    }
    .zong{
        display: flex;
        width: 1200px;
        margin: auto;
.bbo{
    width: 1200px;
    height: 400px;
    background: skyblue;
    margin: auto;
    display: flex;
    padding-top: 50px;
    .uuo,.sso,.uuu{
        margin-left: 50px;
        line-height: 40px;
        margin-top: 20px;
    }
    .kko,.kkk,.ooo{
        font-size: 20px;
        margin-left: 80px;
    }
    .kkk{
        margin-left: 10px;
    }
    .ggo{
        margin-top: 45px;
        margin-left: -30px;
        line-height: 40px;
        
    }
    .ooo{
        margin-left: -60px;
    }
    .sso{
        margin-left: -50px;
    }
    .uuu{
        margin-left: 10px;
    }
}
.nnn{
    width: 100px;
    height: 200px;
    font-size: 20px;
    margin-left: 20px;
    .ggg{
        margin-left: 20px;
    
    .hhh{
        margin-bottom: 30px;
        // margin-left: 30px;
    }
    .fff{
        width: 20px;
        height: 20px;
        // float: right;
        margin-top: 10px;
    }
    .ggg li{
        width: 10px;
        height: 10px;
    }
    
}
    }
}
    .ccc{
        width: 1200px;
        height: 100px;
        background: slategrey;
        margin: auto;
    }

